﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <link href="../css/bootstarp.units.css" rel="stylesheet" />
    <link href="../css/notificat.css" rel="stylesheet" />
</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg"/></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="NotificatMessage.html">通知消息</a></li>
                <li class="current"><a href="../organization/StateMessage.html">统计管理</a></li>
                <li><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                机构用户中心
            </div>
            <div id="cnt" style=" background-color:#fff;">
                <div class="jg_title">
                    <h1>统计管理</h1>
                    <div class="bm_swtich_all">
                        <ul class="bm_swtich">
                            <li class="e">用户统计</li>
                            <li>活动统计</li>
                            <li>风向标</li>
                            <li>成员统计</li>
                        </ul>
                        <i class="bm_swtich_line"></i>
                    </div>
                </div>
                <!--用户统计-->
                <div style="display:none;" class="stateBox">
                    <ul class="charts_title">
                        <li class="e one">访问人数</li>
                        <li class="two">净增关注人数</li>
                    </ul>
                    <div class="chartsBox">
                        <div class="cbtitle">
                            <span>最近7天</span>
                            <span>2015-11-12 至 2016-1-14</span>
                        </div>
                        <div class="chart_content">
                            <img src="../images/u4953.jpg" style="margin:20px auto;display:block;"/>
                        </div>
                    </div>
                    <div class="chartsBox" style="border-bottom:none">
                        <div class="cbtitle">
                            <span class="fright" style=" border-right: none; border-left: #e4e4e5 1px solid; "><a href="javascript://" style="color: #3399ff;font-size:14px;">下载表格</a></span>
                            <span>2015-11-12 至 2016-1-14</span>
                        </div>
                        <div class="chart_content">
                            <table class="chartTable" cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>
                                    <td style="width:40%">时间</td>
                                    <td style="width:40%">访问人数</td>
                                    <td style="width:20%">净增关注人数</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                                <tr>
                                    <td>2015-01-14</td>
                                    <td>23</td>
                                    <td>2</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <!--活动统计-->
                <div style="display: none; " class="stateBox">
                    <ul class="charts_title">
                        <li class="e one">活动人数</li>
                        <li class="two">活动数量</li>
                    </ul>
                    <div class="chartsBox">
                        <div class="cbtitle">
                            <span>最近7天</span>
                            <span>2015-11-12 至 2016-1-14</span>
                        </div>
                        <div class="chart_content">
                            <img src="../images/u4954.jpg" style="margin:20px auto; display:block;" />
                        </div>
                    </div>
                    <div class="chartsBox" style="border-bottom:none">
                        <div class="cbtitle">
                            <span class="fright" style=" border-right: none; border-left: #e4e4e5 1px solid; "><a href="javascript://" style="color: #3399ff;font-size:14px;">下载表格</a></span>
                            <span>2015-11-12 至 2016-1-14</span>
                        </div>
                        <div class="chart_content">
                            <table class="chartTable" cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>
                                    <td style="width:40%">活动名称</td>
                                    <td style="width:20%">报名人数/最大人数</td>
                                    <td style="width:20%">到场人数</td>
                                    <td style="width:20%">报名比例</td>
                                </tr>
                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td style="width:40%">活动名称</td>
                                    <td style="width:20%">报名人数/最大人数</td>
                                    <td style="width:20%">到场人数</td>
                                    <td style="width:20%">报名比例</td>
                                </tr>
                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td style="width:40%">活动名称</td>
                                    <td style="width:20%">报名人数/最大人数</td>
                                    <td style="width:20%">到场人数</td>
                                    <td style="width:20%">报名比例</td>
                                </tr>
                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td style="width:40%">活动名称</td>
                                    <td style="width:20%">报名人数/最大人数</td>
                                    <td style="width:20%">到场人数</td>
                                    <td style="width:20%">报名比例</td>
                                </tr>
                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>200/400</td>
                                    <td>198</td>
                                    <td>50%</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <!--风向标-->
                <div style="display:block;" class="stateBox">
                    <ul class="charts_title">
                        <li class="e one">关键词</li>
                        <li class="two">搜索词</li>
                    </ul>
                    <div class="chartsBox">
                        <div class="cbtitle">
                            <span>最近7天</span>
                            <span>2015-11-12 至 2016-1-14</span>
                        </div>
                        <div class="chart_content">
                            <img src="../images/u4955.jpg" style="margin:20px auto; display:block;" />
                        </div>
                    </div>
                    <ul class="charts_title">
                        <li class="e one">活动</li>
                        <li class="two">文化资源</li>
                    </ul>
                    <div class="chartsBox" style="border-bottom:none">
                        <div class="cbtitle">
                            <span class="fright" style=" border-right: none; border-left: #e4e4e5 1px solid; "><a href="javascript://" style="color: #3399ff;font-size:14px;">下载表格</a></span>
                            <span>区域内热门活动排名</span>
                        </div>
                        <div class="chart_content">
                            <table class="chartTable" cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>
                                    <td style="width:85%">活动名称</td>
                                    <td style="width:15%">累计参加人数</td>
                                </tr>
                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>3021</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>198</td>
                                </tr>

                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>3021</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>198</td>
                                </tr>
                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>3021</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>198</td>
                                </tr>

                                <tr>
                                    <td>《宝玉石文化漫谈》</td>
                                    <td>3021</td>
                                </tr>
                                <tr>
                                    <td>"金猴闹春"南翔镇迎春系列展演第一季</td>
                                    <td>198</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <!--成员统计-->
                <div style=" display:none;" class="stateBox">
                    <div class="memberList">
                        <ul>
                            <li>
                                <p><span></span><b>小芝麻</b></p>
                                <i>创建者</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>苗苗</b></p>
                                <i>馆内成员</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>老金</b></p>
                                <i>商业合作</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>小芝麻</b></p>
                                <i>创建者</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>小芝麻</b></p>
                                <i>创建者</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>小芝麻</b></p>
                                <i>创建者</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>小芝麻</b></p>
                                <i>创建者</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                            <li>
                                <p><span></span><b>小芝麻</b></p>
                                <i>创建者</i>
                                <em><span>公告：5</span><span>活动：14</span><span>评论：24</span><span>消息：24</span></em>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加成员 -->
    <div id="addArena" style="display:none;">
        <div class="layer-body addArena form-horizontal">
            <h2 class="text-center">添加成员</h2>
            <div class="bm_swtich_all">
                <ul class="bm_swtich">
                    <li class="e">站内邀请</li>
                    <li>链接邀请</li>
                </ul>
                <i class="bm_swtich_line"></i>
            </div>
            <fieldset class="form-body" style="width:550px; margin:20px auto;">
                <div class="form-group">
                    <div class="controls">
                        <input type="text" class="form-control col-md-6 inset" />
                        <a href="javascript://" class="yaoqing">邀请</a>
                    </div>
                    <div class="controls">
                        <h1>输入成员用户名或邮箱</h1>
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../plugins/layer/layer.js"></script>
    <script src="../js/animate.js"></script>
    <script>
        $(function () {
            //侧导航高度自适应
            onscrolls2();

            //活动管理处选项卡切换
            $(".bm_swtich_all").each(function () {
                var ths = $(this);
                var tli = ths.find("li");
                var tle = ths.find(".bm_swtich_line");
                var tli_width = $(".bm_swtich li:first").width();
                tle.width(tli_width);
                tli.click(function () {
                    var tw = $(this).width();
                    tli.removeClass("e");
                    $(this).addClass("e");
                    tle.stop(true, true).animate({
                        width: tw,
                        left: $(this).position().left
                    })
                    var indexs = $(this).index();
                    $(".stateBox").eq(indexs).show().siblings(".stateBox").hide();
                })
            })
        })
    </script>
</body>
</html>
